.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.section{
	width: 1200px;
	margin: 150px auto 100px;
}
// 内容
.content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	.left{
		width: 270px;
	}
	.new-nav,.contact{
		width: 100%;
		border: 1px solid #e5e5e5;
	}
	
	.right{
		width: 865px;
	}
}
.left{
	.new-nav{
		display: block;
		width: 100%;
		line-height: 90px;
		font-size: 24px;
		color: #333;
		text-align: center;
	}
	.active{
		background: #366f70;
		a{
			color: #fff;
			font-weight: 600;
		}
	}
	.contact{
		padding: 20px;
		margin-top: 45px;
	}
	.contact-title{
		font-size: 24px;
		color: #323233;
		font-weight: 600;
	}
	.contact-content{
		width: 100%;
		margin-top: 18px;
		td{
			vertical-align: baseline;
			padding: 5px 0;
			width: 150px;
			color: #646566;
		}
		.img{
			width: 30px;
			margin-right: 18px;
			img{
				width: 20px;
				height: 20px;
			}
		}
	}
}
.right{
	.news-list-item-1{
		width: 100%;
		height: 220px;
		display: flex;
		justify-content: space-between;
		margin-bottom: 35px;
		box-shadow: 0px 0px 8px rgba(187,187,187,0.29); 
		&:last-of-type{
			margin-bottom: 0;
		}
	}
	.item-left-1{
		width: 325px;
		height: 100%;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.item-right-1{
		width:540px ;
		height: 100%;
		padding: 0 35px;
	}
	.item-name-1{
		&:extend(.textOverflow);
		display: block;
		font-size: 24px;
		color: #000;
		font-weight: 600;
		margin: 35px 0 25px;
	}
	.item-subname-1{
		font-size: 14px;
		color: #979899;
		line-height: 1;
		margin-bottom: 25px;
	}
	.item-introduce-1{
		&:extend(.mulTextOverflow);
		font-size: 16px;
		color: #646566;
	}
	
	.news-list-item-2{
		width: 100%;
		height: 155px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 30px 0;
		border-bottom: 1px solid #ccc;
		&:first-of-type{
			border-top: 1px solid #ccc;
		}
	}
	.item-left-2{
		width: 95px;
		height: 95px;
		background: #366f70;
		border-radius: 5px;
		position: relative;
	}
	.times{
		width: 100%;
		color: #fff;
		text-align: center;
		position: absolute;
		top: 50%;
		left:0;
		transform: translateY(-50%);
		.day{
			font-size: 39px;
		}
		.month{
			font-size: 18px;
		}
	}
	.item-right-2{
		width: 756px;
	}
	.item-name-2{
		&:extend(.textOverflow);
		display: block;
		margin: 15px 0;
		font-size: 18px;
		color: #000;
		font-weight: 600;
	}
	.item-introduce-2{
		&:extend(.mulTextOverflow);
		-webkit-line-clamp: 2;
		width: 100%;
		font-size: 12px;
		color: #646566;
	}
}